<template>
  <h3>action_2_9_4_v_model  作用：父子组件：双向绑定数据，绑定函数如何使用？</h3>
  <h4> money:{{money}}  pageNo:{{pageNo}}    pageSize:{{pageSize}}</h4>

  <br>
  <hr>

  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="action_2_9_4" name="first" >
      <!--
      <action_2_9_4_v_model_main :modelValue="money" @update:modelValue="handler"></action_2_9_4_v_model_main>
      -->
      <action_2_9_4_v_model_main v-model="money"></action_2_9_4_v_model_main>

    </el-tab-pane>
    <el-tab-pane label="报表预览" name="second">
      <action_2_9_4_v_model_echo  v-model:pageNo="pageNo" v-model:pageSize="pageSize"></action_2_9_4_v_model_echo>
    </el-tab-pane>

  </el-tabs>
</template>
<!-- 组内占比  合计  近期环比-->
<script setup lang="ts">
import { ref } from 'vue';
import { ElTabs, ElTabPane } from 'element-plus';
import Action_2_9_4_v_model_main from "@/views/inAction/action_2/action_2_9_4_v_model_main.vue";
import Action_2_9_4_v_model_echo from "@/views/inAction/action_2/action_2_9_4_v_model_echo.vue";
let pageNo=ref(1)
let pageSize=ref(10)


let  money = ref(10000)

const activeName = ref('first');

const handleClick = (tab, event) => {
  //console.log(tab, event);
};

</script>


